<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>3D标签云</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <div class="wrapper">
      <div class="tagcloud">
        <span>CSDN 玩家 1</span>
        <span>CSDN 玩家 2</span>
        <span>CSDN 玩家 3</span>
        <span>CSDN 玩家 4</span>
        <span>CSDN 玩家 5</span>
        <span>CSDN 玩家 6</span>
        <span>CSDN 玩家 7</span>
        <span>CSDN 玩家 8</span>
        <span>CSDN 玩家 9</span>
      </div>
    </div>
    <script src="./tagcloud.js"></script>
    <script>
      tagcloud({
        selector: ".tagcloud", //元素选择器
        fontsize: 16, //基本字体大小, 单位px
        radius: 100, //滚动半径, 单位px
        mspeed: "normal", //滚动最大速度, 取值: slow, normal(默认), fast
        ispeed: "normal", //滚动初速度, 取值: slow, normal(默认), fast
        direction: 135, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
        keep: false, //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
      });
    </script>
  </body>
</html>
